<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width,
    initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="container">
    <div id="header" style="height:60px;background:#000" class="row">
        <div id="heaText" class="col-xs-12 col-sm-4 col-md-3 col-lg-8">
            welcome
        </div>
    </div>
    <div class="row">
        <div id="box" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"></div>
    </div>
    <div id="zhan" class="row">
       <div class="col-xs-4 col-sm-6 col-md-4 col-lg-4" style="margin-top:20px;">
            <figure style="position:relative;">
                <img src="image/abt-1.jpg" alt="" width="100%">
            </figure>
       </div>
       <div class="col-xs-4 col-sm-6 col-md-4 col-lg-4" style="margin-top:20px;">
            <figure style="position:relative;">
                <img src="image/abt-2.jpg" alt="" width="100%">
            </figure>
       </div>
       <div class="col-xs-4 col-sm-12 col-md-4 col-lg-4" style="margin-top:20px;">
            <figure style="position:relative;">
                <img src="image/abt-3.jpg" alt="" width="100%">
            </figure>
       </div>
    </div>
    <div id="anim" class="row">
        <div class="anb col-xs-6 col-sm-6 col-md-3 col-lg-3">
            <figure id="an1" class="animation">
                <img src="image/abt-1.jpg" alt="">
            </figure>
        </div>
        <div class="anb col-xs-6 col-sm-6 col-md-3 col-lg-3">
            <figure id="an2" class="animation">
                <img src="image/abt-2.jpg" alt="">
            </figure>
        </div>
        <div class="anb col-xs-6 col-sm-6 col-md-3 col-lg-3">
            <figure id="an3" class="animation">
                <img src="image/abt-3.jpg" alt="">
            </figure>
        </div>
        <div class="anb col-xs-6 col-sm-6 col-md-3 col-lg-3">
            <figure id="an4" class="animation">
                <img src="image/abt-3.jpg" alt="">
            </figure>
        </div>
    </div>
    <div style="background:#fff;">
        <div>
           <p style="text-align:center; margin:20px auto;">网站属****公司所有 </p>
        </div>
    </div>
</div>
</body>
</html>
<script src="js/jquery-3.1.1.js"></script>
<script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<script src="js/index.js"></script>
